<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/views/include/taglib.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<%@ include file="/views/include/nocachehead.jsp"%>
<%@ include file="/views/include/statusbar.jsp"%>
<title>${spotInfo.name}</title>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/payattention.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/pagination.js"></script>

<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/comment.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.raty.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/stringutil.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/base.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/feed.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/shortMessage.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/notification.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/video.js"></script>
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/css/spot.css" />
</head>


<body>
	<br>
	<br>
	<div class="mainBox1"></div>
	<div class="mainBox2">
		<c:if test="${listType==0 }">

			<c:forEach items="${list}" var="fan">
				<div class="spotView">
					<div class="portraitView">
						<a href="${pageContext.request.contextPath}/wo/${fan.fanId}.html">
							<img alt="${fan.fanNickname}" width="100px" height="100px"
							src="${portraitPath }/${fan.fanPortrait}" />
						</a>
					</div>
					<div class="spotInfoView">
						<p>${fan.fanNickname }</p>

					</div>
				</div>
				<br>
			</c:forEach>
			<div class="pageView">
				<skyline:page
					url="${pageContext.request.contextPath}/attention/${list[0].idolId}/list.html"
					page="${requestScope.page}" maxSize="2" />

			</div>
			<div class="pageView">
				<skyline:page
					url="${pageContext.request.contextPath}/attention/${list[0].fanId}/list.html"
					page="${requestScope.page}" maxSize="2" />

			</div>
		</c:if>
		<c:if test="${listType ==1}">
			<c:forEach items="${list}" var="idol">
				<div class="spotView">
					<div class="portraitView">
						<a
							href="${pageContext.request.contextPath}/wo/${idol.idolId}.html">
							<img alt="${idol.idolNickname}" width="100px" height="100px"
							src="${portraitPath }/${idol.idolPortrait}" />
						</a>
					</div>
					<div class="spotInfoView">
						<p>${idol.idolNickname }</p>

					</div>
				</div>
				<br>
			</c:forEach>
		</c:if>
		<c:if test="${listType ==2}">
			<c:forEach items="${list}" var="idol">
				<div class="spotView">
					<div class="portraitView">
						<a
							href="${pageContext.request.contextPath}/spot/views/${idol.idolId}.html">
							<img alt="${idol.idolNickname}" width="100px" height="100px"
							src="${portraitPath }/${idol.idolPortrait}" />
						</a>
					</div>
					<div class="spotInfoView">
						<p>${idol.idolNickname }</p>

					</div>
				</div>
				<br>
			</c:forEach>
		</c:if>


	</div>

</body>
</html>